<div [formGroup]="form">
    <div [ngSwitch]="assembly.controlType">
      <!-- 线条组件 -->
      <qk-line *ngSwitchCase="'line'" [assembly]="assembly" [mode]="mode"></qk-line>
      <!-- 文本框组件 -->
      <qk-text *ngSwitchCase="'text'" [assembly]="assembly" [mode]="mode"></qk-text>
      <!-- 输入框组件 -->
      <qk-input *ngSwitchCase="'input'" [assembly]="assembly" [form]="form" [formErrors]="formErrors" [mode]="mode"></qk-input>
      <!-- 多行文本框组件-->
      <qk-textarea *ngSwitchCase="'textarea'" [assembly]="assembly" [form]="form" [formErrors]="formErrors" [mode]="mode"></qk-textarea>
      <!-- 下拉框组件 -->
      <qk-dropdown *ngSwitchCase="'dropdown'" [assembly]="assembly" [form]="form" [formErrors]="formErrors" [mode]="mode"></qk-dropdown>
      <!-- 时间日期件 -->
      <qk-calendar *ngSwitchCase="'calendar'" [assembly]="assembly"[form]="form" [formErrors]="formErrors" [mode]="mode"></qk-calendar>
      <!-- 多选框组件 -->
      <qk-checkbox *ngSwitchCase="'checkbox'" [assembly]="assembly" [form]="form" [mode]="mode"></qk-checkbox>
      <!-- 单选框组件 -->
      <qk-radio *ngSwitchCase="'radio'" [assembly]="assembly" [form]="form" [formErrors]="formErrors" [mode]="mode"></qk-radio>
      <!-- 图片组件-->
      <qk-image *ngSwitchCase="'image'" [assembly]="assembly" [form]="form" [mode]="mode"></qk-image>
      <!-- 表格控件-->
      <qk-table *ngSwitchCase="'table'" [assembly]="assembly" [form]="form" [mode]="mode"></qk-table>
    </div>
  </div>